<template>
    <el-main>
        <el-main class="ep-body">
            <el-card class="ep-card">
                <el-form :model="form" ref="form" :rules="rules">
                    <ep-title>查询条件</ep-title>
                    <el-row :gutter="20">
                        <ep-select colspan="8" label="统筹区" name="aaa027" :property="form.aaa027" 
                                   p="R,D" :datas="{formData: form}" codetype="AAA027" rules="this.$rules.test_noBlank"></ep-select>
                        <ep-date  colspan="8" label="费款所属期" name="aae002" :property="form.aae002" placeholder="请选择费款所属期"
                                   p="R" :datas="{formData: form }" type="date" format="yyyyMM" value-format="yyyyMM" rules="this.$rules.test_noBlank"></ep-date >
                        <ep-select colspan="8" label="拨付方式" name="aaa079" :property="form.aaa079" placeholder="请选择拨付方式"
                                   p="E" :datas="{formData: form}" codetype="AAA079" ></ep-select>
                    </el-row>
                    <el-row :gutter="20">
                        <ep-select colspan="8" label="发放银行" name="aaz065" :property="form.aaz065" placeholder="请选择发放银行"
                                   p="E" :datas="{formData: form}" codetype="AAZ065" ></ep-select>
                        <epl-search-input colspan="8" label="社会保障号" name="aac147" :property="form.aac147" placeholder="请输入社会保障号" p="E" tagType="PERSON_AAB001_GROUP" api="/business/d100insiup/d02personcommon/PsQueryComm/doPsQueryComm02">
                            <epl-search-input-item header="社会保障号" name="aac002"></epl-search-input-item>
                            <epl-search-input-item header="姓名" name="aac003"></epl-search-input-item>
                            <epl-search-input-item header="性别" name="aac004"></epl-search-input-item>
                            <epl-search-input-item header="单位名称" name="aab069"></epl-search-input-item>
                        </epl-search-input>
                        <ep-input  colspan="8" label="姓名" name="aac003" :property="form.aac003" 
                                   p="D" :datas="{formData: form }"></ep-input >
                    </el-row>
                   
                    <el-row type="flex" justify="center">
                        <ep-button id="query" api="doQuery" type="primary" top="20" bottom="20"
                                   :datas="{formData: form,tableData1:tableData1}" name="查询"></ep-button>
                    </el-row>
                </el-form>
                 <el-tabs v-model="activeName2" type="card">
                    <el-tab-pane label="银行发放明细信息" name="1">
                        <ep-table :data="tableData1" :pager="20" :titleFilter="demo">
                            <ep-table-column editor="text" name="aae002" header="费款所属期" sortable="true"></ep-table-column>
                            <ep-table-column editor="text" name="aac003" header="姓名" sortable="true"></ep-table-column>
                            <ep-table-column editor="text" name="aac002" header="社会保障号码" sortable="true"></ep-table-column>
                            <ep-table-column editor="text" name="aic160" header="待遇享受开始年月" sortable="true"></ep-table-column>
                            <ep-table-column editor="text" name="bac049" header="金额" sortable="true"></ep-table-column>
                            <ep-table-column editor="text" name="aae010" header="银行账号" sortable="true"></ep-table-column>
                            <ep-table-column editor="text" name="aae009" header="银行户名" sortable="true"></ep-table-column>
                            <ep-table-column editor="text" name="aae117" header="到账标志" sortable="true"></ep-table-column>
                            <ep-table-column editor="text" name="bac073" header="到账时间" sortable="true"></ep-table-column>
                        </ep-table>
                    </el-tab-pane>
                </el-tabs>
            </el-card>
        </el-main>
    </el-main>
</template>

<script src="../js/ActualPaymentQueryJS.js"></script>
